/**
 * Created by 小敏哥 on 2017/11/28.
 */
import React, {Component} from 'react';
import {Link} from 'react-router';
import style from './index.scss'
import common from '../../../../../js/utils/common'

class Success extends Component {
    constructor(props) {
        super(props);
    }

    componentDidMount(){
        common.setViewTitle('提交成功');
    }

    render() {
        return <div className={style.success}>
            <img src="./images/bigSuccess.png" className={style.successImg}/>
            <div className={style.mainMessage}>提交成功</div>
            <div className={style.tips}> 您申请的驾驶证邮寄服务提交成功</div>
            <div className={style.tips}> 车辆管理所制证成功后</div>
            <div className={style.tips}>  邮政速递人员将送证上门，请耐心等待</div>
            <div className={style.order}>
                <div className={style.content}>
                    <div>{`${decodeURIComponent(this.props.params.name)} 驾驶证邮寄服务`}</div>
                    <div>{`订单号${this.props.params.orderId}`}</div>
                </div>
                <div className={style.title} onClick={()=>{this.context.router.replace(`orderDetail/${this.props.params.orderId}/${this.props.params.chargeOrderId}`)}}>查看订单详情</div>
                <img src="./images/go.png"/>
            </div>

          {/*  <div className={style.bottomMessage}>
                <img src="./images/EMSlogo.png"/>
                <div>EMS客服热线：020-11183</div>
            </div>*/}
        </div>
    }
}

//使用context
Success.contextTypes = {
    router: React.PropTypes.object.isRequired
};

export default Success;